html,
        body {
            height: 100vh;
            margin: 0px;
        }

        main {
            height: 100vh;
            display: grid;
            grid-template-rows: 90px 40px auto 40px;
            grid-template-columns: 200px auto 150px;
            grid-template-areas: "header1 header1 header1" 
                                "topMenu topMenu topMenu" 
                                "nav section aside" 
                                "footer footer footer"
        }

        #header1,
        #topMenu,
        #aside,
        #article,
        #nav,
        #section,
        #footer {
            border: 1px #ccc solid;
        }

        #header1 {
            grid-area: header1;
        }

        #topMenu {
            grid-area: topMenu;
        }

        #article {
            grid-area: article
        }

        #nav {
            grid-area: nav
        }

        #section {
            grid-area: section
        }

        #footer {
            grid-area: footer
        }

        #aside {
            grid-area: aside
        }
        
        .topMenu_u1{
            list-style-type: none;
            -webkit-margin-before: 5px;
        }
        .topMenu_li{
            float: left;
            width: 120px;
            text-align: center;
            border-left:2px solid rgba(248, 5, 5, 0.918);
        }
        .topMenu_u1 li:last-child{
            border-right:2px solid rgba(248, 5, 5, 0.918);
        }
        .topMenu_u1 a{
            text-decoration: none;
        }
        .topMenu_u1 a:link,.topMenu_u1 a:visited,.topMenu_u1 a:active,.topMenu_u1 a:hover{
            color: black;
        }
        .topMenu_li:hover{
            cursor: pointer;
        }

        .topMenu_img{
            width: 25px;
            height: 25px;
            display: inline-block;
            margin-top: 2px;
        }
        #topMenu_index{
            background: url(../img/0032017360716703_b.png) no-repeat  7px -135px/200px 200px;
        }
        #topMenu_write{
            background: url(../img/0032017360716703_b.png) no-repeat  -180px -65px/200px 200px;
        }
        #topMenu_type{
            background: url(../img/0032017360716703_b.png) no-repeat  -150px -173px/200px 200px;
        }
        #topMenu_config{
            background: url(../img/0032017360716703_b.png) no-repeat  -20px -173px/200px 200px;
        }

        .leftMenuImgs{
            float: right;
            margin-top:1px;
            margin-right:1px;
            width:15px;
            height: 15px;
            cursor: pointer;
        }
        .leftMenu_ul_level1{
            margin:2px auto;
            font:bold 14px/20px '宋体';
            width:150px;
        }
        .leftMenu_li_level1{
            border:1px solid #ccc;
            background-color:#fdddb3;
            margin-top:2px;
            cursor: pointer;
        }
        .leftMenu_li_level2{
            text-align:center;
            font:bold 12px/20px '宋体';
            border:1px solid #ccc;
            cursor: pointer;
        }

        
